// 创建一个路由器，并暴露出去

// 第一步：导入 createRouter 方法
import { createRouter, createWebHistory } from 'vue-router'

import Home from '@/pages/Home.vue'
import About from '@/pages/About.vue'
import News from '@/pages/News.vue'

// 第二步：创建路由器
const router = createRouter({
  history: createWebHistory(), // 路由器的工作模式，vue3要有
  routes: [
    {
      path: '/home',
      component: Home
    },
    {
      path: '/news',
      component: News
    },
    {
      path: '/about',
      component: About
    }
  ]
})

export default router

/**
 * 路由to的两种写法：
 * 
 * <RouterLink to="/about" active-class="active">关于</RouterLink>
 * <RouterLink :to="{path: '/about'}" active-class="active">关于</RouterLink>
 * 
 */